<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米导航栏</title>
    <style>
           .one {
               width: 300px;
               height: 300px;
               padding: 30px;
               /* 背景颜色 */
               background-color: rgb(236, 146, 146);
               /* 使盒子水平居中，但必须要有宽度width  左右都要设置为auto */
               margin: 0 auto;
               /* 使div里面的文字水平居中 */
               text-align: center;
           }
    </style>
</head>
<body>
    <div class="one">
        <div class="three">
            <ul class="two">
                <li>手机  电话卡</li>
                <li>电视  盒子</li>
                <li>平板  笔记本</li>
                <li>家电  插线板</li>
                <li>出行  穿戴</li>
                <li>智能  路由器</li>
                <li>电源  配件</li>
                <li>健康  儿童</li>
                <li>耳机  音响</li>
                <li>生活  箱包</li>
            </ul>
        </div>
    </div>
</body>
</html>